<template>
  <div id="app">
    <!-- keep-alive 路由中的内容被加载过一次后就将内容放到内存中，
    下一次再进这个路由的时候 不需要重新渲染组件，不需要重新执行钩子函数 
    只需要从内存里把以前的内容拿出来显示到页面
      exclude="Detail" Detail页面不被缓存
    -->
    <keep-alive>
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>
